<!--<template>-->
<!--  <div class="login-form-wrapper">-->
<!--    <div class="login-form-title">欢迎登录Fast-Vue3</div>-->
<!--    <div class="login-form-sub-title">一个开箱即用的Vue3+Vite+...模板</div>-->
<!--    <div class="login-form-error-msg">{{ errorMessage }}</div>-->
<!--    <el-form ref="ruleFormRef" :model="userFormData" class="login-form" layout="vertical" :rules="rules">-->
<!--      <el-form-item-->
<!--        field="username"-->
<!--        :rules="[{ required: true, message: '用户名不能为空' }]"-->
<!--        :validate-trigger="['change', 'blur']"-->
<!--        hide-label-->
<!--      >-->
<!--        <el-input v-model="userFormData.username" placeholder="saodimangseng" />-->
<!--      </el-form-item>-->
<!--      <el-form-item-->
<!--        field="password"-->
<!--        :rules="[{ required: true, message: '密码不能为空' }]"-->
<!--        :validate-trigger="['change', 'blur']"-->
<!--        hide-label-->
<!--      >-->
<!--        <el-input v-model="userFormData.password" placeholder="密码：saodimangseng" allow-clear />-->
<!--      </el-form-item>-->
<!--      <el-form-item>-->
<!--        <el-button type="primary" @click="handleSubmit(ruleFormRef)">登录</el-button>-->
<!--        <el-button @click="resetForm(ruleFormRef)">重置</el-button>-->
<!--      </el-form-item>-->
<!--    </el-form>-->
<!--  </div>-->
<!--</template>-->

<!--<script lang="ts" setup>-->
<!--  import { ElMessage, FormInstance, FormRules } from 'element-plus';-->
<!--  import { useUserStore } from '/@/store';-->

<!--  const router = useRouter();-->
<!--  const errorMessage = ref('');-->
<!--  const userStore = useUserStore();-->
<!--  const userFormData = reactive({-->
<!--    username: 'test',-->
<!--    password: 'test',-->
<!--  });-->
<!--  const ruleFormRef = ref<FormInstance>();-->
<!--  const rules = reactive<FormRules>({-->
<!--    username: [-->
<!--      {-->
<!--        required: true,-->
<!--        message: '用户名不能为空',-->
<!--      },-->
<!--    ],-->
<!--    password: [-->
<!--      {-->
<!--        required: true,-->
<!--        message: '密码不能为空',-->
<!--      },-->
<!--    ],-->
<!--  });-->
<!--  const handleSubmit = async (formEl: FormInstance | undefined) => {-->
<!--    console.log(formEl);-->
<!--    if (!formEl) return;-->
<!--    await formEl.validate((valid) => {-->
<!--      if (valid) {-->
<!--        ElMessage.success('欢迎使用');-->
<!--        router.push('/');-->
<!--        userStore.info();-->
<!--      } else {-->
<!--        ElMessage.error('错误信息');-->
<!--      }-->
<!--    });-->
<!--  };-->
<!--  const resetForm = (formEl: FormInstance | undefined) => {-->
<!--    if (!formEl) return;-->
<!--    formEl.resetFields();-->
<!--  };-->
<!--</script>-->

<!--<style lang="less" scoped>-->
<!--  .login-form {-->
<!--    &-wrapper {-->
<!--      width: 320px;-->
<!--    }-->

<!--    &-title {-->
<!--      color: var(&#45;&#45;color-text-1);-->
<!--      font-weight: 500;-->
<!--      font-size: 24px;-->
<!--      line-height: 32px;-->
<!--    }-->

<!--    &-sub-title {-->
<!--      color: var(&#45;&#45;color-text-3);-->
<!--      font-size: 16px;-->
<!--      line-height: 24px;-->
<!--    }-->

<!--    &-error-msg {-->
<!--      height: 32px;-->
<!--      color: rgb(var(&#45;&#45;red-6));-->
<!--      line-height: 32px;-->
<!--    }-->

<!--    &-password-actions {-->
<!--      display: flex;-->
<!--      justify-content: space-between;-->
<!--    }-->

<!--    &-register-btn {-->
<!--      color: var(&#45;&#45;color-text-3) !important;-->
<!--    }-->
<!--  }-->
<!--</style>-->
